<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--引入head的公共部分-->
	<head th:replace="header::header-commo(首页)"></head>
	<body>
	<!--引入header的公共部分-->
		<header th:replace="header::header-nav"></header>
		<!--广告轮播图-->
		<div class="container-fluid" style="padding: 0px;">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					<li data-target="#carousel-example-generic" data-slide-to="3"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item">
						<img src="img/banner1.jpg" alt="...">
					</div>
					<div class="item ">
						<img src="img/banner2.jpg" alt="...">
					</div>
					<div class="item">
						<img src="img/banner3.jpg" alt="...">
					</div>
					<div class="item active">
						<img src="img/banner4.jpg" alt="...">
					</div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--主区域-->
		<div class="container" style="margin-top: 10px;">

					<div class="page-header">
						<h3><strong>热门商品  </strong><small>Hot commodities</small></h3>
					</div>

			<div class="row text-center goods-list">
				<div th:each="rm:${rmItems}" class="col-md-4 col-xs-4">
					<a  class="thumbnail" th:href="@{'/item/'+${rm.id}}" href="#"> <img class="img-responsive " th:src="@{'/upload/'+${rm.image}}" src="img/goods1.jpg" />
						<p th:text="${rm.name}">天籁弦音 蔡文姬Q版手办</p>
						<p th:text="'¥'+${rm.shopPrice}" style="font-size: 18px;"><strong>150.00</strong></p>
					</a>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12 col-xs-12">
					<div class="page-header">
						<h3><strong>优惠商品</strong><small> Preferential commodities</small></h3>
					</div>
				</div>
			</div>
			<div class="row text-center goods-list">
				<div th:each="yh:${yhItems}" class="col-md-4 col-xs-4">
					<a class="thumbnail" th:href="@{'/item/'+${yh.id}}" href="#"> <img class="img-responsive " th:src="@{'/upload/'+${yh.image}}" src="img/goods7.jpg"/>
						<p th:text="${yh.name}">提莫 手办</p>
						<p th:text="'¥'+${yh.shopPrice}" style="font-size: 18px;"><strong>¥150.00</strong></p>
					</a>
				</div>
			</div>

		</div>
		<!--底部-->
		<footer th:replace="footer::footer"></footer>
	</body>
</html>